<template>
  <div class="customerintegralSubsidiary">
    <div style="display:flex;font-size:12px;margin:0 0 20px 0">
      <div style="margin:0 200px 0 0">会员姓名:{{customerData.customerName}}</div>
      <div style="margin:0 200px 0 0">会员卡号:{{customerData.customerCard}}</div>
      <div>积分总额:{{customerData.integral?customerData.integral:0}}</div>
    </div>
    <!-- 使用明细 -->
    <div style="margin:0 0 20px 0">使用明细</div>
    <!-- 查询条件 -->
    <el-form ref="form" :model="form" size="mini">
      <div style="display:flex;margin:0 0 15px 0">
        <el-form-item label="开始时间" style="display:flex;margin:0 50px 0 0">
          <el-date-picker value-format="yyyy-MM-dd" style="width:180px" v-model="form.time" type="date"
            placeholder="选择日期"> </el-date-picker>
        </el-form-item>
        <el-form-item label="结束时间" style="display:flex;margin:0 50px 0 0">
          <el-date-picker value-format="yyyy-MM-dd" style="width:180px" v-model="form.timeBack" type="date"
            placeholder="选择日期"> </el-date-picker>
        </el-form-item>
        <el-form-item label="订单类型" style="display:flex;margin:0 50px 0 0">
          <el-select v-model="form.orderType" placeholder="请选择活动区域">
            <el-option label="酒店" value="hotel"></el-option>
            <el-option label="机票" value="flight"></el-option>
            <el-option label="贵宾厅" value="service"></el-option>
            <el-option label="火车票" value="train"></el-option>
            <el-option label="vip通道" value="VIPAisle"></el-option>
            <el-option label="值机" value="checkIn"></el-option>
            <el-option label="会员" value="customer"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="分类" style="display:flex;margin:0 50px 0 0">
          <el-select v-model="form.classification" placeholder="请选择活动区域"> 
            <el-option label="增加" value="1"></el-option>
            <el-option label="减少" value="2"></el-option>
          </el-select>
        </el-form-item>
      </div>
      <div style="display:flex;margin:0 0 15px 80%">
        <el-form-item style="display:flex;margin:0 50px 0 0">
          <el-button type="primary" @click="querybutton">查询</el-button>
          <!-- <el-button type="primary" @click="adjustThe">调整</el-button> -->
          <el-button type="primary" @click="Returpage">返回</el-button>
        </el-form-item>
      </div>
    </el-form>
    <!-- 表格 -->
    <el-table size="mini" :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }" :data="Querydata" border stripe>
      <el-table-column label="对应单号" prop="orderNum" width="160px"></el-table-column>
      <el-table-column label="积分变动原因" prop="operator" width="120px"></el-table-column>
      <el-table-column label="积分变动说明" prop="pntReasonDesc"></el-table-column>
      <el-table-column label="积分数量" prop="pntValue" width="90px"></el-table-column>
      <el-table-column label="订单类型" prop="orderType" width="110px">
        <template slot-scope="scope">
          <!-- <template v-if="scope.row.orderType=='hotel'">酒店</template>
          <template v-if="scope.row.orderType=='flight'">机票</template>
          <template v-if="scope.row.orderType=='service'">贵宾厅</template>
          <template v-if="scope.row.orderType=='train'">火车票</template>
          <template v-if="scope.row.orderType=='VIPAisle'">vip通道</template>
          <template v-if="scope.row.orderType=='checkIn'">值机</template>
          <template v-if="scope.row.orderType=='customer'">会员</template>
          <template  v-else>{{ scope.row.orderType }}</template> -->
          <div>{{ scope.row.orderType=='hotel' ?'酒店' :scope.row.orderType=='flight' ?'机票' :
            scope.row.orderType=='flight' ?'机票' :
            scope.row.orderType=='service' ?'贵宾厅' :
            scope.row.orderType=='train' ?'火车票' :
            scope.row.orderType=='newVip' ?'vip通道' :
            scope.row.orderType=='checkIn' ?'值机' :
            scope.row.orderType=='newCard' ?'会员' :
            scope.row.orderType
             }}</div>
        </template>
      </el-table-column>
      <!-- <el-table-column label="积分卡号" prop="operationContent"></el-table-column> -->
      <!-- <el-table-column label="过期积分" prop="operationContent"></el-table-column> -->
      <el-table-column label="操作人" prop="employeeName" width="90px"></el-table-column>
      <el-table-column label="操作时间" prop="operationDate"></el-table-column>
      <el-table-column label="是否审核" prop="audit">
        <template slot-scope="scope">
          <template v-if="scope.row.audit=='true'">是</template>
          <template v-if="scope.row.audit=='false'">否</template>
        </template>
      </el-table-column>
      <el-table-column label="审核人" prop="employeeName" width="90px"></el-table-column>
      <el-table-column label="审核时间" prop="operationDate"></el-table-column>
      <el-table-column label="操作" prop="operationDate">
        <template slot-scope="scope">
          <el-button v-if="scope.row.orderType=='hotel'" size="mini" type="primary" @click="hoteldetails(scope.row)">详情
          </el-button>
          <el-button v-if="scope.row.orderType=='flight'" size="mini" type="primary" @click="flightdetails(scope.row)">
            详情</el-button>
          <el-button v-if="scope.row.orderType=='train'" size="mini" type="primary" @click="traindetails(scope.row)">详情
          </el-button>
          <el-button v-if="scope.row.orderType=='service'" size="mini" type="primary"
            @click="servicedetails(scope.row)">详情</el-button>
          <el-button v-if="scope.row.orderType=='VIPAisle'" size="mini" type="primary"
            @click="VIPAisledetails(scope.row)">详情</el-button>
          <el-button v-if="scope.row.orderType=='checkIn'" size="mini" type="primary"
            @click="checkIndetails(scope.row)">详情</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页 -->
    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
      :page-sizes="[10, 15, 20]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
      :total="pageTotal">
    </el-pagination>
    <!-- 调整 -->
    <el-dialog title="会员积分调整" :visible.sync="dialogVisible" width="50%" :close-on-click-modal="false">
      <el-form :model="ruleForm" :rules="rules" size="mini" ref="ruleForm" label-width="100px" class="demo-ruleForm">
        <div style="display:flex;margin:0 0 15px 0">
          <el-form-item label="变动原因" prop="recordId">
            <el-input v-model="ruleForm.recordId"></el-input>
          </el-form-item>
          <el-form-item label="订单类型" prop="orderType">
            <el-select style="width:180px" v-model="ruleForm.orderType" placeholder="请选择活动区域">
              <el-option label="酒店" value="hotel"></el-option>
              <el-option label="机票" value="flight"></el-option>
              <el-option label="贵宾厅" value="service"></el-option>
              <el-option label="火车票" value="train"></el-option>
              <el-option label="vip通道" value="VIPAisle"></el-option>
              <el-option label="值机" value="checkIn"></el-option>
              <el-option label="会员" value="customer"></el-option>
            </el-select>
          </el-form-item>
        </div>
        <div style="display:flex;margin:0 0 15px 0">
          <el-form-item label="分类" prop="pntDirection">
            <el-select style="width:180px" v-model="ruleForm.pntDirection" placeholder="请选择活动区域">
              <el-option label="增加" value='1'></el-option>
              <el-option label="减少" value='2'></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="积分" prop="pntValue">
            <el-input v-model.number="ruleForm.pntValue"></el-input>
          </el-form-item>
        </div>
        <div style="display:flex;margin:0 0 15px 0">
          <el-form-item label="订单号" prop="orderNum">
            <el-input v-model="ruleForm.orderNum"></el-input>
          </el-form-item>
        </div>
        <div style="display:flex;margin:0 0 15px 0">
          <el-form-item label="操作说明">
            <el-input style="width:500px " type="textarea" :rows="4" v-model="ruleForm.orderSourceDesc"></el-input>
          </el-form-item>
        </div>
        <!-- 按钮 -->
        <el-form-item>
          <el-button type="primary" @click="submitForm('ruleForm')">确定</el-button>
          <el-button @click="dialogVisible=false">取消</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
    <!-- 查看机票订单详情 -->
    <el-dialog title="订单浏览" :visible.sync="cancellog" :close-on-click-modal="false" width="80%">
      <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">预订信息</span>
        </div>
      </div>
      <el-form :inline="true" :model="orders" class="demo-form-inline">
        <div class="inp_box">
          <el-form-item label="会员名称" label-width="70px">
            <el-input v-model="orders.customerName" placeholder=""></el-input>
          </el-form-item>
          <el-form-item label="预订卡号" label-width="70px">
            <el-input v-model="formInline.user" placeholder=""></el-input>
          </el-form-item>
          <el-form-item label="卡种" label-width="70px">
            <el-input v-model="formInline.user" placeholder=""></el-input>
          </el-form-item>
          <el-form-item label="特殊需求" label-width="70px">
            <el-input v-model="formInline.user" placeholder=""></el-input>
          </el-form-item>
        </div>
      </el-form>
      <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">乘客信息</span>
        </div>
      </div>
      <el-table border :data="orders.passenger" size="mini" :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }" style="width: 100%; margin-top: 20px; margin-left: 10px" :tree-props="{ children: 'children' }">
        <el-table-column prop="guestName" label="乘客姓名" width="100">
        </el-table-column>
        <el-table-column prop=".guestType" label="乘客类型" width="80">
        </el-table-column>
        <el-table-column prop="name" label="航段" width="80"> </el-table-column>
        <el-table-column prop=".guestIdno" label="证件号" width="160">
        </el-table-column>
        <el-table-column prop="guestBirthday" label="出生日期" width="150">
        </el-table-column>
        <el-table-column prop="airliner" label="航空公司" width="100">
        </el-table-column>
        <el-table-column prop="flight" label="航班" width="80">
        </el-table-column>
        <el-table-column prop="cabin" label="舱位" width="80">
        </el-table-column>
        <el-table-column prop="subcabin" label="舱位标识" width="80">
        </el-table-column>
        <el-table-column prop="ticketNo" label="票号" width="80">
        </el-table-column>
        <el-table-column prop="discount" label="折扣" width="80">
        </el-table-column>
        <el-table-column prop="ticketPrice" label="票价" width="80">
        </el-table-column>
        <el-table-column prop="orgPrice" label="原价" width="80">
        </el-table-column>
        <el-table-column prop="airportFee" label="机建" width="80">
        </el-table-column>
        <el-table-column prop="fuelFee" label="燃油" width="80">
        </el-table-column>
        <el-table-column prop="insuranceAmount" label="保险" width="80">
        </el-table-column>
        <el-table-column prop="" label="服务费" width="80"> </el-table-column>
        <el-table-column prop="departureTime" label="出发时间" width="160">
        </el-table-column>
        <el-table-column prop="arrivalTime" label="到达时间" width="160">
        </el-table-column>
        <el-table-column prop="" label="航程" width="80"> </el-table-column>
        <el-table-column prop="depTerm" label="出发航站楼" width="100">
        </el-table-column>
        <el-table-column prop="arrTerm" label="到达航站楼" width="100">
        </el-table-column>
        <el-table-column prop="flightType" label="机型" width="80">
        </el-table-column>
        <el-table-column prop="stopCount" label="经停" width="80">
        </el-table-column>
        <el-table-column prop="upGradeFee" label="升舱位" width="80">
        </el-table-column>
        <el-table-column prop="changeFee" label="改期费" width="80">
        </el-table-column>
        <el-table-column prop="changeServiceFee" label="改期服务费" width="100">
        </el-table-column>
        <el-table-column prop="returnCash" label="返现" width="80">
        </el-table-column>
        <el-table-column prop="lossFee" label="票价损失费" width="100">
        </el-table-column>
        <!-- <el-table-column prop="name" label="操作" width="100">
          <template slot-scope="scope">
            <el-button @click="FreeInsurance(scope.row)" type="text" size="small">赠送保险</el-button>
          </template>
        </el-table-column> -->
      </el-table>
      <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">保险信息</span>
        </div>
      </div>
      <el-table border :data="lists" size="mini" :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }" style="width: 100%; margin-top: 20px; margin-left: 10px" :tree-props="{ children: 'children' }">
        <el-table-column prop="orderId" label="乘客姓名" width="150">
        </el-table-column>
        <el-table-column prop="name" label="保险金额" width="144">
        </el-table-column>
        <el-table-column prop="name" label="保险公司" width="230">
        </el-table-column>
        <el-table-column prop="name" label="保险种类" width="140">
        </el-table-column>
        <el-table-column prop="name" label="保单号" width="230">
        </el-table-column>
        <el-table-column prop="name" label="出保人" width="150">
        </el-table-column>
        <el-table-column prop="name" label="退保状态" width="140">
        </el-table-column>
        <el-table-column prop="name" label="线下退款" width="140">
        </el-table-column>
      </el-table>
      <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">二次产品</span>
        </div>
      </div>
      <el-table border :data="lists" size="mini" :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }" style="width: 100%" :tree-props="{ children: 'children' }">
        <el-table-column prop="orderId" label="主单主键" width="150">
        </el-table-column>
        <el-table-column prop="name" label="旅客姓名" width="144">
        </el-table-column>
        <el-table-column prop="name" label="证件号" width="230">
        </el-table-column>
        <el-table-column prop="name" label="产品名称" width="140">
        </el-table-column>
        <el-table-column prop="name" label="产品状态" width="230">
        </el-table-column>
        <el-table-column prop="name" label="数量" width="150">
        </el-table-column>
        <el-table-column prop="name" label="销售价" width="140">
        </el-table-column>
        <el-table-column prop="name" label="保单号" width="140">
        </el-table-column>
        <el-table-column prop="name" label="退废状态" width="140">
        </el-table-column>
        <el-table-column prop="name" label="退票费用" width="140">
        </el-table-column>
        <el-table-column prop="name" label="下单时间" width="140">
        </el-table-column>
      </el-table>
      <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">退票信息</span>
        </div>
      </div>
      <el-table border :data="refundVoList" size="mini" :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }" style="width: 100%" :tree-props="{ children: 'children' }">
        <el-table-column prop="changeOrderId" label="机票退改签订单ID" width="140">
        </el-table-column>
        <el-table-column prop="changeTicketId" label="机票订单信息ID" width="150">
        </el-table-column>
        <el-table-column prop="flight" label="航班号" width="144">
        </el-table-column>
        <el-table-column prop="airliner" label="航空公司" width="230">
        </el-table-column>
        <el-table-column prop="ticktNo" label="票号" width="140">
        </el-table-column>
        <el-table-column prop="departureTime" label="起飞时间" width="230">
        </el-table-column>
        <el-table-column prop="cabin" label="舱位" width="150">
        </el-table-column>
        <el-table-column prop="arrivalTime" label="到达时间" width="140">
        </el-table-column>
        <el-table-column prop="planeStyle" label="机型" width="140">
        </el-table-column>
        <el-table-column prop="payType" label="支付方式" width="140">
        </el-table-column>
        <el-table-column prop="status" label="订单状态" width="140">
          <template slot-scope="scope">
            <template v-if="scope.row.status == 'ticketing'">支付成功</template>
          </template>
        </el-table-column>
        <el-table-column prop="guestName" label="乘客姓名" width="140">
        </el-table-column>
        <el-table-column prop="refundNunmber" label="退票单号" width="140">
        </el-table-column>
      </el-table>
      <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">改签信息</span>
        </div>
      </div>
      <el-table border :data="rebookVoList" size="mini" :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }" style="width: 100%" :tree-props="{ children: 'children' }">
        <el-table-column prop="changeOrderId" label="机票退改签订单ID" width="140">
        </el-table-column>
        <el-table-column prop="changeTicketId" label="机票订单信息ID" width="150">
        </el-table-column>
        <el-table-column prop="flight" label="航班号" width="144">
        </el-table-column>
        <el-table-column prop="airliner" label="航空公司" width="230">
        </el-table-column>
        <el-table-column prop="ticktNo" label="票号" width="140">
        </el-table-column>
        <el-table-column prop="departureTime" label="起飞时间">
        </el-table-column>
        <el-table-column prop="cabin" label="舱位" width="150">
        </el-table-column>
        <el-table-column prop="arrivalTime" label="到达时间" width="140">
        </el-table-column>
        <el-table-column prop="planeStyle" label="机型" width="140">
        </el-table-column>
        <el-table-column prop="payType" label="支付方式" width="140">
        </el-table-column>
        <el-table-column prop="status" label="订单状态" width="140">
        </el-table-column>
        <el-table-column prop="guestName" label="乘客姓名" width="140">
        </el-table-column>
        <el-table-column prop="refundNunmber" label="退票单号" width="140">
        </el-table-column>
      </el-table>
      <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">通用辅营产品信息</span>
        </div>
      </div>
      <el-table border :data="selectReturnData" size="mini" :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }" style="width: 100%" :tree-props="{ children: 'children' }">
        <el-table-column label="序号" prop="id"></el-table-column>

        <el-table-column label="产品编号" prop="productTypeid"></el-table-column>
        <el-table-column label="产品名称" prop="name"></el-table-column>
        <el-table-column label="销售模式" prop="ischeck">
          <template slot-scope="scope">
            <template v-if="scope.row.ischeck == 'mandatory'">必选</template>
            <template v-if="scope.row.ischeck == 'optional'">自选</template>
          </template>
        </el-table-column>
        <el-table-column label="展示渠道" prop="showChannel">
          <template slot-scope="scope">
            <div>
              <span v-for="(item, index) in scope.row.showChannelList" :key="index">{{
                item == "telephone"
                  ? "电话"
                  : item == "online"
                  ? "网上"
                  : item == "phone"
                  ? "手机"
                  : item == "Import"
                  ? "导入"
                  : ""
              }}</span>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="展示位置" prop="showLocation">
          <template slot-scope="scope">
            <div>
              <span v-for="(item, index) in scope.row.showLocationList" :key="index">{{
                item == "shippingSpace"
                  ? "舱位列表"
                  : item == "reserve"
                  ? "预定页面"
                  : item == "order"
                  ? "订单详情"
                  : ""
              }}</span>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="销售价格" prop="underlinePrice"></el-table-column>
        <el-table-column label="展示面值(￥)" prop="costPrice"></el-table-column>
        <el-table-column label="结算价格(￥)" prop="salePrice"></el-table-column>
        <el-table-column label="预定开始时间" prop="bookingDateStart"></el-table-column>
        <el-table-column label="预定结束时间" prop="bookingDateEnd"></el-table-column>
        <el-table-column label="维护时间" prop="operateTime"></el-table-column>
        <el-table-column label="维护人" prop="cremployeeName"></el-table-column>
        <el-table-column label="启用状态	" prop="status">
          <template slot-scope="scope">
            <template v-if="scope.row.status == 'notEnabled'">未启用</template>
            <template v-if="scope.row.status == 'enabled'">启用</template>
          </template>
        </el-table-column>
      </el-table>

      <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">订单基本信息</span>
        </div>
      </div>
      <el-radio-group v-model="size"> </el-radio-group>
      <el-descriptions class="margin-top" title="带边框列表" :column="7" :size="size" border>
        <template slot="extra">
          <el-button type="primary" size="small">操作</el-button>
        </template>
        <el-descriptions-item label="订单号">
          <template slot="label">订单号</template>
          <!-- {{orders.orderInfo.orderId}} -->
        </el-descriptions-item>
        <!-- <el-descriptions-item label="PNR">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="行动代码">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="订单状态">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="总票价">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="代金券">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="期待出票时间">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="使用余额">
      {{orders.orderInfo.memberBalance}}
    </el-descriptions-item>
    <el-descriptions-item label="仍需支付">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="票价损失">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="预订时间">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="预定员">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="支付状态">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="支付方式">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="出票点">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="配送方式">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="送票时限">
      {{orders.orderInfo.assignDate}}
    </el-descriptions-item>
    <el-descriptions-item label="收款合作商">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="联系人">
      {{orders.orderInfo.contactName}}
    </el-descriptions-item>
    <el-descriptions-item label="联系手机">
      {{orders.orderInfo.contactMobile}}
    </el-descriptions-item>
    <el-descriptions-item label="联系电话">
      {{orders.orderInfo.contactPhone}}
    </el-descriptions-item>
    <el-descriptions-item label="挂起状态">
      {{orders.orderInfo.isHangup}}
    </el-descriptions-item>
    <el-descriptions-item label="订单来源">
      {{orders.orderInfo.sourceTypeId}}
    </el-descriptions-item>
    <el-descriptions-item label="来电号码">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="出票渠道">
      {{orders.orderInfo.sourceTypeId}}
    </el-descriptions-item>
    <el-descriptions-item label="出票途径">
      {{orders.orderInfo.ticketWay}}
    </el-descriptions-item>
    <el-descriptions-item label="取票点">
      {{orders.orderInfo.getticketPartner}}
    </el-descriptions-item>
    <el-descriptions-item label="增值服务">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="退票费支付状态">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="送票地址">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="所属公司">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="发票信息">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>

    <el-descriptions-item label="航程类型">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="行程单发票">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="最晚出票时间">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="合作商备注">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="内部注意事项">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="舱位政策">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="最晚支付时间">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="开始时间">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="结束时间">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item>
    <el-descriptions-item label="改期实际支付金额">
      {{orders.orderInfo.orderId}}
    </el-descriptions-item> -->
        <el-descriptions-item label="状态">
          <div class="header-1">
            <div class="header-1-1-1">
              <span class="tit_t">自动出票日志</span>
            </div>
          </div>
          <div class="header-1">
            <div class="header-1-1-1">
              <span class="tit_t">订单明细</span>
            </div>
          </div>
        </el-descriptions-item>
      </el-descriptions>
      <el-row>
        <el-button @click="cancellog=false" type="primary">取消</el-button>
        <!-- <el-button type="primary">呼出</el-button>
        <el-button type="primary">短信</el-button>
        <el-button type="primary">跟单历史</el-button>
        <el-button type="primary">客户退改签</el-button>
        <el-button type="primary">催行程单</el-button>
        <el-button type="primary">通知款到</el-button>
        <el-button type="primary">租车预定</el-button>
        <el-button type="primary">补打报销凭证</el-button> -->
      </el-row>
      <!-- <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">登机牌信息</span>
        </div>
      </div>
      <el-table
        border
        :data="lists"
        size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }"
        style="width: 100%"
        :tree-props="{ children: 'children' }"
      >
        <el-table-column prop="orderId" label="主单主键" width="150">
        </el-table-column>
        <el-table-column prop="name" label="旅客姓名" width="144">
        </el-table-column>
        <el-table-column prop="name" label="证件号" width="230">
        </el-table-column>
        <el-table-column prop="name" label="产品名称" width="140">
        </el-table-column>
        <el-table-column prop="name" label="产品状态" width="230">
        </el-table-column>
        <el-table-column prop="name" label="数量" width="150">
        </el-table-column>
        <el-table-column prop="name" label="销售价" width="140">
        </el-table-column>
        <el-table-column prop="name" label="保单号" width="140">
        </el-table-column>
        <el-table-column prop="name" label="退废状态" width="140">
        </el-table-column>
        <el-table-column prop="name" label="退票费用" width="140">
        </el-table-column>
        <el-table-column prop="name" label="下单时间" width="140">
        </el-table-column>
      </el-table> -->

      <div class="header-1">
        <div class="header-1-1-1">
          <span class="tit_t">登机牌信息</span>
        </div>
      </div>
    </el-dialog>
    <!-- 酒店订单详情 -->
    <el-dialog title="详情" :visible.sync="Popup" :close-on-click-modal="false" width="40%">
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>渠道订单号:</span>
          <span>{{ window.eLongOrderId }}</span>
        </div>
        <div style="margin: 0 0 0 40px">
          <span>酒店名名称:</span>
          <span>{{ window.hotelName }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>酒店联系人信息:</span>
          <span>{{ window.hotelContact }}</span>
        </div>
        <div style="margin: 0 0 0 40px">
          <span>确认方式:</span>
          <span>{{ window.hotelConfirmType }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>是否保价:</span>
          <span>{{ window.eLongOrderId }}</span>
        </div>
        <div style="margin: 0 0 0 40px">
          <span>制单人:</span>
          <span>{{ window.ppEmployeeName }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>订单来源:</span>
          <span>{{ window.orderSourceTypeName }}</span>
        </div>
        <div style="margin: 0 0 0 40px">
          <span>预定类型:</span>
          <span>{{ window.orderOccuptType }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>付款方式:</span>
          <span>{{ window.paymentMethod }}</span>
        </div>
        <div style="margin: 0 0 0 40px">
          <span>保价截至时间:</span>
          <span>{{ window.insuredTime }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>客房类型:</span>
          <span>{{ window.roomTypeName }}</span>
        </div>
        <div style="margin: 0 0 0 40px">
          <span>宾馆类型:</span>
          <span>{{ window.hotelCategory }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>房间数量:</span>
          <span>{{ window.numberOfRooms }}</span>
        </div>
        <div style="margin: 0 0 0 40px">
          <span>入住时间:</span>
          <span>{{ window.arriveTime }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>离店时间:</span>
          <span>{{ window.checkOutTime }}</span>
        </div>
        <div style="margin: 0 0 0 40px">
          <span>天数:</span>
          <span>{{ window.checkInTime }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>价格:</span>
          <span>{{ window.payAmount }}</span>
        </div>
        <div style="margin: 0 0 0 40px">
          <span>利润:</span>
          <span>{{ window.profit }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>早餐:</span>
          <span>{{ window.breakfast }}</span>
        </div>
        <div style="margin: 0 0 0 40px; width: 40%">
          <span>总计金额:</span>
          <span>{{ window.totalAmount }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>到店时间:</span>
          <span>{{ window.arrivalDate }}</span>
        </div>
        <div style="margin: 0 0 0 40px; width: 40%">
          <span>支付信息:</span>
          <span>{{ window.paymentInformation }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>通知方式:</span>
          <span>{{ window.methodToInforme }}</span>
        </div>
        <div style="margin: 0 0 0 40px; width: 40%">
          <span>加餐要求:</span>
          <span>{{ window.extraMealRequest }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>加床要求:</span>
          <span>{{ window.extraBedRequest }}</span>
        </div>
        <div style="margin: 0 0 0 40px; width: 40%">
          <span>接机要求:</span>
          <span>{{ window.pickUpRequirements }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>附加要求:</span>
          <span>{{ window.additionalRequirements }}</span>
        </div>
        <div style="margin: 0 0 0 40px; width: 40%">
          <span>特殊要求:</span>
          <span>{{ window.specialRequirements }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>公司备注:</span>
          <span>{{ window.companyNotes }}</span>
        </div>
        <div style="margin: 0 0 0 40px; width: 40%">
          <span>预付信息:</span>
          <span>{{ window.prepaidInformation }}</span>
        </div>
      </div>
      <div style="margin: 10px 0 10px 20px; display: flex">
        <div style="width: 40%">
          <span>入住人:</span>
          <span>{{ window.guestName }}</span>
        </div>
        <div style="margin: 0 0 0 40px; width: 40%">
          <span>联系人:</span>
          <span>{{ window.contact }}</span>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="Popup = false">取 消</el-button>
        <el-button type="primary" @click="Popup = false">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 值机详情 -->
    <!-- 详情页弹窗 -->
    <el-dialog title="登机牌详情" :visible.sync="centerDialogVisible" :close-on-click-modal="false" width="60%" center>
      <!-- 客户信息 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">客户信息</td>
        </span>
        <tr>
          <td class="td-1">会员姓名</td>
          <td class="td-2">{{ vipdetailsList.customerName }}</td>
          <td class="td-1">会员电话</td>
          <td class="td-2">{{ vipdetailsList.customerPhone }}</td>
          <td class="td-1">会员卡号</td>
          <td class="td-2">{{ vipdetailsList.customerCard }}</td>
        </tr>
        <tr>
          <td class="td-1">下单日期</td>
          <td class="td-2">{{ vipdetailsList.createTime }}</td>
          <td class="td-1">订单来源</td>
          <td class="td-2">{{ vipdetailsList.sourceAppId }}</td>
        </tr>
      </table>
      <!-- 订单信息 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">订单信息</td>
        </span>
        <tr>
          <td class="td-1">联系人</td>
          <td class="td-3">{{ vipdetailsList.contactName }}</td>
          <td class="td-1">手机号</td>
          <td class="td-3" style="width: 900px">
            {{ vipdetailsList.contactPhone }}
          </td>
          <td class="td-1">订单号</td>
          <td class="td-3">{{ vipdetailsList.orderNum }}</td>
        </tr>

        <tr>
          <td class="td-1">机场</td>
          <td class="td-2">{{ vipdetailsList.setOffAirport }}</td>
          <td class="td-1">城市</td>
          <td class="td-2">{{ vipdetailsList.cityName }}</td>
          <td class="td-1">航班号</td>
          <td class="td-2">{{ vipdetailsList.flightNumber }}</td>
        </tr>
        <tr>
          <td class="td-1">航站楼</td>
          <td class="td-2">
            {{ vipdetailsList.departuprairportTerminalName }}
          </td>
          <td class="td-1">出港城市</td>
          <td class="td-2">{{ vipdetailsList.departuresCity }}</td>
          <td class="td-1">到港城市</td>
          <td class="td-2">{{ vipdetailsList.arrivalCity }}</td>
        </tr>
        <tr>
          <td class="td-1">起飞时间</td>
          <td class="td-2">{{ vipdetailsList.departureTime }}</td>
          <td class="td-1">到达时间</td>
          <td class="td-2">{{ vipdetailsList.arrivalTime }}</td>
          <td class="td-1">客户备注</td>
          <td class="td-2"></td>
        </tr>
        <tr>
          <td class="td-1">预定人数</td>
          <td class="td-2">{{ vipdetailsList.reserveNum }}</td>
          <td class="td-1">主键</td>
          <td class="td-2">{{ vipdetailsList.orderItemBoardingId }}</td>
          <td class="td-1">姓名</td>
          <td class="td-2">{{ vipdetailsList.guestName }}</td>
        </tr>
        <tr>
          <td class="td-1">证件号</td>
          <td class="td-2">{{ vipdetailsList.idNumber }}</td>
          <td class="td-1">座位号</td>
          <td class="td-2">{{ vipdetailsList.seatNumber }}</td>
          <td class="td-1">换取状态</td>
          <td class="td-2">{{ vipdetailsList.status }}</td>
        </tr>
        <tr>
          <td class="td-1">登机牌pdf417编码</td>
          <td class="td-2">{{ vipdetailsList.PDF417 }}</td>
          <td class="td-1">登机牌code128编码</td>
          <td class="td-2">{{ vipdetailsList.CODE128 }}</td>
          <td class="td-1">登机牌快照路径</td>
          <td class="td-2">{{ vipdetailsList.boardingPassImagepath }}</td>
        </tr>
      </table>
      <!-- 支付信息 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">支付信息</td>
        </span>
        <tr>
          <td class="td-1">价格(每人)</td>
          <td class="td-2">{{ vipdetailsList.totalReCommenedRetatlPrice }}</td>
          <td class="td-1">总金额</td>
          <td class="td-2">{{ vipdetailsList.totalsalePrice }}</td>
          <td class="td-1">支付状态</td>
          <td class="td-2">{{ vipdetailsList.paymentStatus }}</td>
        </tr>
        <tr>
          <td class="td-1">支付类型</td>
          <td class="td-2">{{ vipdetailsList.paymentType }}</td>
          <td class="td-1">支付金额</td>
          <td class="td-2">{{ vipdetailsList.paymentAmount }}</td>
          <td class="td-1">使用代金券</td>
          <td class="td-2">2{{ vipdetailsList.voucherAmount }}0</td>
        </tr>
        <tr>
          <td class="td-1">使用积分</td>
          <td class="td-2">{{ vipdetailsList.points }}</td>
          <td class="td-1">使用账户现金</td>
          <td class="td-2">{{ vipdetailsList.depositAmount }}</td>
          <td class="td-1">使用优惠券</td>
          <td class="td-2">{{ vipdetailsList.couponAmount }}</td>
        </tr>
        <tr>
          <td class="td-1">会员免费人次</td>
          <td class="td-2">{{ vipdetailsList.freeNum }}</td>
        </tr>
        <tr>
          <td class="td-1">人工操作退款</td>
          <td class="td-4">
            <el-input></el-input>
          </td>
        </tr>
      </table>
      <!-- 操作详情 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">操作详情</td>
        </span>
        <tr>
          <td class="td-6">操作人</td>
          <td class="td-5">操作时间</td>
        </tr>
        <tr>
          <td class="td-7">{{ vipchannelOrederTotalVo.inputPerson }}</td>
          <td class="td-7">{{ vipchannelOrederTotalVo.date }}</td>
        </tr>
      </table>

      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="centerDialogVisible = false">取消</el-button>

      </span>
    </el-dialog>
    <!-- 贵宾厅详情页弹窗 -->
    <el-dialog title="贵宾厅订单详情" :visible.sync="centerDialogVisibleVIP" :close-on-click-modal="false" width="60%" center>
      <!-- 客户信息 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">客户信息</td>
        </span>
        <tr>
          <td class="td-1">会员姓名</td>
          <td class="td-2">{{ vipdetailsListVip.contactName }}</td>
          <td class="td-1">会员电话</td>
          <td class="td-2">{{ vipdetailsListVip.contactPhone }}</td>
          <td class="td-1">会员卡号</td>
          <td class="td-2">{{ vipdetailsListVip.customerCard }}</td>
        </tr>
        <tr>
          <td class="td-1">下单日期</td>
          <td class="td-2">{{ vipdetailsListVip.createTime }}</td>
          <td class="td-1">客户类别</td>
          <td class="td-2">{{ vipdetailsListVip.sourceCompanyId }}</td>
          <td class="td-1">订单来源</td>
          <td class="td-2">{{ vipdetailsListVip.sourceAppId }}</td>
        </tr>
      </table>
      <!-- 订单信息 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">订单信息</td>
        </span>
        <tr>
          <td class="td-1">订单编号</td>
          <td class="td-3">{{ vipdetailsListVip.orderNum }}</td>
          <td class="td-1">订单状态</td>
          <td class="td-3"></td>
          <td class="td-1">服务项目</td>
          <td class="td-3"></td>
        </tr>
        <tr>
          <td class="td-1">贵宾厅名称</td>
          <td class="td-3"></td>
          <td class="td-1">到厅时间</td>
          <td class="td-3">{{ vipdetailsListVip.arrivalVipHallTime }}</td>
          <td class="td-1">预定人数</td>
          <td class="td-3">{{ vipdetailsListVip.reserveNum }}</td>
        </tr>
        <tr>
          <td class="td-1">实到人数</td>
          <td class="td-2">{{ vipdetailsListVip.adoptPeopleNumber }}</td>
          <td class="td-1">城市</td>
          <td class="td-2">{{ vipdetailsListVip.cityName }}</td>
          <td class="td-1">机场</td>
          <td class="td-2">{{ vipdetailsListVip.setOffAirport }}</td>
        </tr>
        <tr>
          <td class="td-1">航站楼</td>
          <td class="td-2">
            {{ vipdetailsListVip.departuprairportTerminalName }}
          </td>
          <td class="td-1">航班号</td>
          <td class="td-2">{{ vipdetailsListVip.flightNumber }}</td>
          <td class="td-1">出港城市</td>
          <td class="td-2">{{ vipdetailsListVip.departuresCity }}</td>
        </tr>
        <tr>
          <td class="td-1">到港城市</td>
          <td class="td-2">{{ vipdetailsListVip.arrivalCity }}</td>
          <td class="td-1">起飞时间</td>
          <td class="td-2">{{ vipdetailsListVip.departureTime }}</td>
          <td class="td-1">到达时间</td>
          <td class="td-2">{{ vipdetailsListVip.arrivalTime }}</td>
        </tr>
      </table>
      <!-- 支付信息 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">支付信息</td>
        </span>
        <tr>
          <td class="td-1">价格(每人)</td>
          <td class="td-2">{{ vipdetailsListVip.totalReCommenedRetatlPrice }}</td>
          <td class="td-1">总金额</td>
          <td class="td-2">{{ vipdetailsListVip.totalsalePrice }}</td>
          <td class="td-1">支付状态</td>
          <td class="td-2">{{ vipdetailsListVip.paymentStatus }}</td>
        </tr>
        <tr>
          <td class="td-1">支付类型</td>
          <td class="td-2"></td>
          <td class="td-1">支付金额</td>
          <td class="td-2">{{ vipdetailsListVip.paymentAmount }}</td>
          <td class="td-1">使用代金券</td>
          <td class="td-2">{{ vipdetailsListVip.voucherAmount }}</td>
        </tr>
        <tr>
          <td class="td-1">使用积分</td>
          <td class="td-2">{{ vipdetailsListVip.points }}</td>
          <td class="td-1">使用账户现金</td>
          <td class="td-2">{{ vipdetailsListVip.depositAmount }}</td>
          <td class="td-1">使用优惠券</td>
          <td class="td-2">{{ vipdetailsListVip.couponAmount }}</td>
        </tr>
        <tr>
          <td class="td-1">会员优惠金额</td>
          <td class="td-2"></td>
          <td class="td-1">使用空客</td>
          <td class="td-2"></td>
          <td class="td-1">使用活动码</td>
          <td class="td-2"></td>
        </tr>
        <tr>
          <td class="td-1">会员免费人次</td>
          <td class="td-2">{{ vipdetailsListVip.freeNum }}</td>
          <td class="td-1">体验券人次</td>
          <td class="td-2"></td>
          <td class="td-1"></td>
          <td class="td-2"></td>
        </tr>
        <tr>
          <td class="td-1">订单号</td>
          <td class="td-4">{{ vipdetailsListVip.orderNum }}</td>
        </tr>
      </table>
      <!-- 操作详情 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">操作详情</td>
        </span>
        <tr>
          <td class="td-5">操作行为</td>
          <td class="td-6">操作人</td>
          <td class="td-5">操作时间</td>
          <td class="td-6">附加说明</td>
        </tr>
        <tr>
          <td class="td-7">{{ operationRecord.operationName }}</td>
          <td class="td-7">{{ operationRecord.operatorName }}</td>
          <td class="td-7">{{ operationRecord.createTime }}</td>
          <td class="td-7">{{ operationRecord.memo }}</td>
        </tr>
      </table>

      <span slot="footer" class="dialog-footer">
        <el-button @click="centerDialogVisibleVIP = false">取 消</el-button>

      </span>
    </el-dialog>
    <!-- vip通道详情 -->
    <el-dialog title="vip通道详情" :visible.sync="centerDialogVisiblechannel" :close-on-click-modal="false" width="60%"
      center>
      <!-- 客户信息 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">客户信息</td>
        </span>
        <tr>
          <td class="td-1">会员姓名</td>
          <td class="td-2">{{ vipdetailsListchannel.customerName }}</td>
          <td class="td-1">会员电话</td>
          <td class="td-2">{{ vipdetailsListchannel.customerPhone }}</td>
          <td class="td-1">会员卡号</td>
          <td class="td-2">{{ vipdetailsListchannel.customerCard }}</td>
        </tr>
        <tr>
          <td class="td-1">下单日期</td>
          <td class="td-2">{{ vipdetailsListchannel.createTime }}</td>
          <td class="td-1">客户类别</td>
          <td class="td-2">{{ vipdetailsListchannel.sourceCompanyId }}</td>
          <td class="td-1">订单来源</td>
          <td class="td-2">{{ vipdetailsListchannel.sourceAppId }}</td>
        </tr>
      </table>
      <!-- 订单信息 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">订单信息</td>
        </span>
        <tr>
          <td class="td-1">订单号</td>
          <td class="td-3">{{ vipdetailsListchannel.orderNum }}</td>
          <td class="td-1">联系人</td>
          <td class="td-3">{{ vipdetailsListchannel.contactName }}</td>
          <td class="td-1">手机号</td>
          <td class="td-3">{{ vipdetailsListchannel.contactPhone }}</td>
        </tr>
        <tr>
          <td class="td-1">订单id</td>
          <td class="td-3">{{ orderItemViphallVoList.orderItemBoardingId }}</td>
          <td class="td-1">姓名</td>
          <td class="td-3">{{ orderItemViphallVoList.guestName }}</td>
          <td class="td-1">证件号</td>
          <td class="td-3">{{ orderItemViphallVoList.idNumber }}</td>
        </tr>
        <tr>
          <td class="td-1">实到人数</td>
          <td class="td-2">{{ vipdetailsListchannel.sourceAppId }}</td>
          <td class="td-1">城市</td>
          <td class="td-2">{{ vipdetailsListchannel.cityName }}</td>
          <td class="td-1">机场</td>
          <td class="td-2">{{ vipdetailsListchannel.setOffAirport }}</td>
        </tr>
        <tr>
          <td class="td-1">航站楼</td>
          <td class="td-2">
            {{ vipdetailsListchannel.departuprairportTerminalName }}
          </td>
          <td class="td-1">航班号</td>
          <td class="td-2">{{ vipdetailsListchannel.flightNumber }}</td>
          <td class="td-1">出港城市</td>
          <td class="td-2">{{ vipdetailsListchannel.departuresCity }}</td>
        </tr>
        <tr>
          <td class="td-1">到港城市</td>
          <td class="td-2">{{ vipdetailsListchannel.arrivalCity }}</td>
          <td class="td-1">起飞时间</td>
          <td class="td-2">{{ vipdetailsListchannel.departureTime }}</td>
          <td class="td-1">到达时间</td>
          <td class="td-2">{{ vipdetailsListchannel.arrivalTime }}</td>
        </tr>
      </table>
      <!-- 支付信息 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">支付信息</td>
        </span>
        <tr>
          <td class="td-1">价格(每人)</td>
          <td class="td-2">{{ vipdetailsListchannel.totalReCommenedRetatlPrice }}</td>
          <td class="td-1">总金额</td>
          <td class="td-2">{{ vipdetailsListchannel.totalsalePrice }}</td>
          <td class="td-1">支付状态</td>
          <td class="td-2">{{ vipdetailsListchannel.paymentStatus }}</td>
        </tr>
        <tr>
          <td class="td-1">支付类型</td>
          <td class="td-2">{{ vipdetailsListchannel.paymentType }}</td>
          <td class="td-1">支付金额</td>
          <td class="td-2">{{ vipdetailsListchannel.paymentAmount }}</td>
          <td class="td-1">使用代金券</td>
          <td class="td-2">{{ vipdetailsListchannel.voucherAmount }}</td>
        </tr>
        <tr>
          <td class="td-1">使用积分</td>
          <td class="td-2">{{ vipdetailsListchannel.points }}</td>
          <td class="td-1">使用账户现金</td>
          <td class="td-2">{{ vipdetailsListchannel.depositAmount }}</td>
        </tr>
        <tr>
          <td class="td-1">订单号</td>
          <td class="td-4">{{ vipdetailsListchannel.orderNum }}</td>
        </tr>
      </table>
      <!-- 操作详情 -->
      <table style="margin-top: 5px">
        <span>
          <td class="td-header">操作详情</td>
        </span>
        <tr>
          <td class="td-5">操作id</td>
          <td class="td-5">操作行为</td>
          <td class="td-6">操作人</td>
          <td class="td-5">操作时间</td>
          <td class="td-6">附加说明</td>
        </tr>
        <tr>
          <td class="td-7">{{ operationRecordchannel.operationId }}</td>
          <td class="td-7">{{ operationRecordchannel.operationName }}</td>
          <td class="td-7">{{ operationRecordchannel.operatorName }}</td>
          <td class="td-7">{{ operationRecordchannel.createTime }}</td>
          <td class="td-7">{{ operationRecordchannel.memo }}</td>
        </tr>
      </table>

      <span slot="footer" class="dialog-footer">
        <el-button @click="centerDialogVisiblechannel = false">取 消</el-button>

      </span>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    name: 'customerintegralSubsidiary',
    data() {
      return {
        orderItemViphallVoList: {},
        centerDialogVisiblechannel: false,
        operationRecordchannel: {},
        vipdetailsListchannel: {},
        centerDialogVisibleVIP: false,
        operationRecord: {},
        vipdetailsListVip: {},
        vipchannelOrederTotalVo: [],
        vipdetailsList: {},
        centerDialogVisible: false,
        window: {},
        Popup: false,
        refundVoList: [], //退票信息
        rebookVoList: [], //改签信息
        // 通用产品
        selectReturnData: [],
        size: "",
        lists: [],
        formInline: {},
        orders: {},
        pageSize: 10,
        currentPage: 1,
        pageTotal: 1,
        ordersList: [],
        cancellog: false,
        // 调整表单
        ruleForm: {
          recordId: "",
          orderType: "",
          pntDirection: null,
          pntValue: null,
          orderNum: '',
          orderSourceDesc: "",
        },
        // 调整表单验证
        rules: {
          recordId: [{
            required: true,
            message: '请输入变动原因',
            trigger: 'blur'
          }, ],
          orderType: [{
            required: true,
            message: '请选择订单类型',
            trigger: 'blur'
          }, ],
          pntDirection: [{
            required: true,
            message: '请选择分类',
            trigger: 'blur'
          }, ],
          pntValue: [{
              required: true,
              message: '请输入积分数量',
            },
            {
              type: 'number',
              message: '积分数量只能为数字'
            }
          ],
          orderNum: [{
              required: true,
              message: '请输入订单号',
            },
            // { type: 'number', message: '订单号只能为数字'}
          ],
        },
        dialogVisible: false,
        customerData: {},
        // 分页
        pageSize: 10,
        currentPage: 1,
        pageTotal: 0,
        // 表格数据
        Querydata: [],
        // 查询条件
        form: {
          classification: "",
          time: "",
          timeBack: "",
          orderType: "",
        },
        // 会员id
        customerId: null,
      }
    },
    methods: {
      // 值机订单详情
      checkIndetails(row) {
        console.log(row);
        localStorage.setItem("isToken", true);
        this.$axios
          .getselectBoarding({
            orderNum: String(row.orderNum),
            // orderboardingId:""
          })
          .then((res) => {
            console.log(res);
            if (res.code == "200") {
              this.centerDialogVisible = true;
              this.vipdetailsList = res.data;
              console.log(this.vipdetailsList);
              this.vipchannelOrederTotalVo = res.data.vipchannelOrederTotalVo; //操作记录
              if (this.vipdetailsList.paymentStatus == "waitPay") {
                this.vipdetailsList.paymentStatus = "未支付";
              }
              if (this.vipdetailsList.paymentStatus == "payd") {
                this.vipdetailsList.paymentStatus = "已支付";
              }
              if (this.vipdetailsList.paymentStatus == "failPay") {
                this.vipdetailsList.paymentStatus = "支付失败";
              }
              if (this.vipdetailsList.paymentStatus == "cancelPay") {
                this.vipdetailsList.paymentStatus = "取消支付";
              }
              
            }
          });
      },
      // vip通道详情
      VIPAisledetails(row) {
        console.log(row)
        this.$axios
          .getselectVipchannelDetailsVo({
            orderNum: String(row.orderNum),
          })
          .then((res) => {
            console.log(res);
            if (res.code == "200") {
              this.centerDialogVisiblechannel = true;
              this.vipdetailsListchannel = res.data;
              console.log(this.vipdetailsListchannel);
              this.orderItemViphallVoList = res.data.orderItemViphallVoList;
              this.operationRecordchannel = res.data.operationRecord;

              if (this.vipdetailsListchannel.paymentStatus == "waitPay") {
                this.vipdetailsListchannel.paymentStatus = "未支付";
              }
              if (this.vipdetailsListchannel.paymentStatus == "payd") {
                this.vipdetailsListchannel.paymentStatus = "已支付";
              }
              if (this.vipdetailsListchannel.paymentStatus == "failPay") {
                this.vipdetailsListchannel.paymentStatus = "支付失败";
              }
              if (this.vipdetailsListchannel.paymentStatus == "cancelPay") {
                this.vipdetailsListchannel.paymentStatus = "取消支付";
              }
            }
          });
      },
      // 贵宾厅详情
      servicedetails(row) {
        console.log(row.orderNum);
        this.$axios
          .getselectVipHallDetails({
            // orderId: Number(this.orderviphallId),
            orderNum: row.orderNum
          })
          .then((res) => {
            console.log(res);
            if (res.code == "200") {
              this.centerDialogVisibleVIP = true;
              this.vipdetailsListVip = res.data;
              console.log(this.vipdetailsListVip);
              this.operationRecord = this.vipdetailsListVip.operationRecord;
              if (this.vipdetailsListVip.paymentStatus == "waitPay") {
                this.vipdetailsListVip.paymentStatus = "未支付";
              }
              if (this.vipdetailsListVip.paymentStatus == "payd") {
                this.vipdetailsListVip.paymentStatus = "已支付";
              }
              if (this.vipdetailsListVip.paymentStatus == "failPay") {
                this.vipdetailsListVip.paymentStatus = "支付失败";
              }
              if (this.vipdetailsListVip.paymentStatus == "cancelPay") {
                this.vipdetailsListVip.paymentStatus = "取消支付";
              }
            }
          });
      },
      // 火车票详情
      traindetails(row) {
        console.log(row)
        this.$router.push({
          name: "customertraindetails",
          params: {
            id: row.orderNum,
            customerId: row.customerId,
          },
        });
      },
      // 机票详情按钮
      flightdetails(row) {
        console.log(row)
        this.cancellog = true;
        let orderNum = row.orderNum
        this.getorderFlightDetails(orderNum);
        console.log(orderNum)
      },
      // 机票订单详情
      getorderFlightDetails(id) {
        this.$axios
          .getorderFlightDetails({
            orderId: String(id),
          })
          .then((res) => {
            console.log(res);
            if (res.code == "200") {
              this.orders = res.data;
              this.refundVoList = res.data.refundVoList;
              console.log(this.orders);
            }
          });
      },
      // 酒店详情按钮
      hoteldetails(row) {
        console.log(row)
        this.Popup = true
        this.HotelDetails(row.orderNum)
      },
      // 酒店订单详情
      // 跳转详情
      HotelDetails(id) {
        this.$axios
          .getselectHotelOrderDetails({
            orderId: id,
          })
          .then((res) => {
            console.log(res);
            if (res.code == "200") {
              this.window = res.data;
              console.log(this.window);
            }
          });
      },
      // 调整接口
      getadjustment(row) {
        localStorage.setItem("isToken", true);
        this.$axios.getadjustment({
          customerId: Number(this.customerData.customerId),
          recordId: this.ruleForm.recordId,
          orderType: this.ruleForm.orderType,
          pntDirection: Number(this.ruleForm.pntDirection),
          pntValue: Number(this.ruleForm.pntValue),
          orderNum: String(this.ruleForm.orderNum),
          orderSourceDesc: this.ruleForm.orderSourceDesc,
        }).then((res) => {
          
          console.log(res)
          if (res.code == 200) {
            this.$message({
              message: '积分调整成功',
              type: 'success'
            });
            this.getpointRecordList()
            this.getinformation()
            this.dialogVisible = false
          }
        })
      },
      // 调整确定按钮
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.getadjustment()
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      // 查询条件上方数据
      getinformation() {
        this.$axios.getinformation({
          id: String(this.customerId)
          //  id:77,
        }).then((res) => {
          console.log(res)
          this.customerData = res.data
          if (this.customerData.customerId) {
            this.getpointRecordList()
          }
        })
      },
      // 表格数据
      getpointRecordList() {
        this.$axios.getpointRecordList({
          reason: "",
          time: this.form.time,
          timeBack: this.form.timeBack,
          orderType: this.form.orderType,
          classification: this.form.classification,
          id: Number(this.customerData.customerId)
          // id:77,
        }).then((res) => {
          console.log(res)
          this.pageTotal = res.total
          this.Querydata = res.data
        })
      },
      // 调整按钮
      // adjustThe(){
      //   this.ruleForm={}
      //   this.dialogVisible=true
      // },
      // 查询按钮
      querybutton() {
        this.getpointRecordList()
      },
      // 返回
      Returpage() {
        this.$router.push({
          name: "queryCustomer"
        })
      },
      // 分页 
      handleSizeChange(value) {
        console.log("1", value);
        localStorage.setItem("pageSize", value);
        localStorage.setItem("pageNum", 1);
        this.getpointRecordList();
        this.pageSize = value;
      },
      handleCurrentChange(value) {
        console.log("2", value);
        localStorage.setItem("pageNum", value);
        localStorage.setItem("pageSize", this.pageSize);
        this.getpointRecordList();
        // orders = res.data;
      },
      // 弹窗点击空白处提示
      handleClose(done) {
        this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
      }
    },
    mounted() {
      this.customerId = this.$route.params.customerId;
      this.getinformation()
    },
  }
</script>

<style scoped>
  .customerintegralSubsidiary {
    margin: 20px;
  }

  /* 弹窗css */
  .td-header {
    height: 20px;
    color: black;
    font-weight: 500;
  }

  .td-1 {
    width: 200px;
    height: 40px;
    background-color: #faffff;
    border: 0.5px solid #ebeef5;
  }

  .td-2 {
    width: 450px;
    border: 0.5px solid #ebeef5;
  }

  .td-3 {
    width: 450px;
    border: 0.5px solid #ebeef5;
  }

  .td-4 {
    width: 900px;
    border: 0.5px solid #ebeef5;
  }

  .td-5 {
    width: 337px;
    border: 0.5px solid #ebeef5;
    background-color: #faffff;
  }

  .td-6 {
    width: 337px;
    border: 0.5px solid #ebeef5;
  }

  .td-7 {
    height: 25px;
    width: 337px;
    border: 0.5px solid #ebeef5;
  }
</style>